<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link rel="stylesheet" href="/static/index/index/css/amazeui.min.css">
    <link rel="stylesheet" href="/static/index/index/css/wap.css">
    <title>兄弟连</title>
</head>
<body>
<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
    <a href="#top" title="">
        <img class="am-gotop-icon-custom" src="/static/index/index/img/goTop.png"/>
    </a>
</div>

<div class="pet_mian" id="top">
    <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}'>
        <ul class="am-slides">
            <li class="imgli">
                <img src="/static/index/index/img/fl01.png">
                <div class="pet_slider_font">
                    <span class="pet_slider_emoji"></span>
                    <span style="display:none;" class="text">兄弟连，成就你的编程梦</span>
                </div>
                <div class="pet_slider_shadow"></div>
            </li>
            <li class="imgli">
                <img src="/static/index/index/img/fl02.png">
                <div class="pet_slider_font">
                    <span class="pet_slider_emoji"></span>
                    <span style="display:none;" class="text">梦想，从兄弟连开始</span>
                </div>
                <div class="pet_slider_shadow"></div>
            </li>
            <li class="imgli">
                <img src="/static/index/index/img/fl03.png">
                <div class="pet_slider_font">
                    <span class="pet_slider_emoji"></span>
                    <span style="display:none;" class="text">想成为Java大牛，兄弟连在这里等你</span>
                </div>
                <div class="pet_slider_shadow"></div>
            </li>
        </ul>
    </div>


    <div class="pet_circle_nav">
        <ul class="pet_circle_nav_list">
            <li><a href="{:url('index/Login/login')}" class="iconfont pet_nav_zhangzhishi ">&#xe607;</a><span>登录</span>
            </li>
            <li><a href="{:url('index/Register/register')}"
                   class="iconfont pet_nav_xinxianshi ">&#xe61e;</a><span>注册</span></li>
            <li><a href="{:url('index/Baoming/index')}" class="iconfont pet_nav_yiyuan baoming">&#xe602;</a><span>报名</span>
            </li>
            <li><a href="{:url('index/activity/index')}"
                   class="iconfont pet_nav_mengzhuanti ">&#xe622;</a><span>活动</span></li>
            <li><a href="{:url('index/Person/index')}"
                   class="iconfont pet_nav_meirong myperson">&#xe629;</a><span>个人中心</span>
            </li>
            <li><a href="{:url('index/article/index')}" class="iconfont pet_nav_kantuya ">&#xe62c;</a><span>资讯</span>
            </li>
            <li><a href="{:url('index/News/index')}" class="iconfont pet_nav_gengduo ">&#xe600;</a><span>新闻</span></li>
            <li><a href="{:url('index/Teacher/index')}" class="iconfont pet_nav_dianpu ">&#xe604;</a><span>教师风采</span>
            </li>
        </ul>
        <div class="pet_content_main">
            <div data-am-widget="list_news" class="am-list-news am-list-news-default" id="artlist">
                <div class="am-list-news-bd">
                    <ul class="am-list" >
                        <!--缩略图在标题右边-->
                        {volist name="data" id="v" }
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
                            <div class="pet_list_one_info">
                                <div class="pet_list_one_info_l">
                                    
                                    <div class="pet_list_one_info_name"><a
                                            href="articledetails/{$v.id}">作者@{$v.author}</a></div>
                                </div>
                                <div class="pet_list_one_info_r">
                                    <div class="pet_list_tag pet_list_tag_xxs"><a href="articles/{$v.id}">{$v[1]}</a></div>
                                </div>
                            </div>
                            <div class=" am-u-sm-8 am-list-main pet_list_one_nr">
                                <h3 class="am-list-item-hd pet_list_one_bt am-text-truncate" style="width:180px"><a href="articledetails/{$v.id}" class="">{$v.title}</a>
                                </h3>
                                <div class="am-list-item-text pet_list_one_text">{$v.abstract}
                                </div>

                            </div>
                            <div class="am-u-sm-4 am-list-thumb">
                                <a href="articledetails/{$v.id}" class="">
                                    <img src="{$v.picture}" class="pet_list_one_img"/>
                                </a>
                            </div>
                        </li>
                        {/volist}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/static/index/index/js/jquery.min.js"></script>
<script src="/static/index/index/js/amazeui.min.js"></script>
<script>
    $(function () {
        // 当鼠标放到/离开 banner 上面时，显示/隐藏 相应的文字
        $('.imgli').mouseenter(function () {
            $(this).find('.text').show();
        });
        $('.imgli').mouseleave(function () {
            $(this).find('.text').hide();
        });

        // 动态计算新闻列表文字样式
        auto_resize();
        $(window).resize(function () {
            auto_resize();
        });
        $('.am-list-thumb img').load(function () {
            auto_resize();
        });

        $('.am-list > li:last-child').css('border', 'none');
        function auto_resize() {
            $('.pet_list_one_nr').height($('.pet_list_one_img').height());

        }

        $('.pet_nav_gengduo').on('click', function () {
            $('.pet_more_list').addClass('pet_more_list_show');
        });
        $('.pet_more_close').on('click', function () {
            $('.pet_more_list').removeClass('pet_more_list_show');
        });
        $('.myperson').click(function () {
            var flag = 1;
            $.ajax({
                url: "{:url('index/Person/userinfo')}",
                type: 'get',
                async: false,
                success: function (data) {
                    if(!data){
                        alert('请先登录');
                        flag = 2;
                    }
                }
            });
            if(flag == 2){
                return false;
            }

        });
//        $('.baoming').click(function(){
//            var flag = 1;
//            $.ajax({
//                url: "{:url('index/Person/userinfo')}",
//                type: 'get',
//                async: false,
//                success: function (data) {
//                    if(!data){
//                        alert('请先登录');
//                        flag = 2;
//                    }
//                }
//            });
//            if(flag == 2){
//                return false;
//            }
//        });
    });
    


</script>
</body>
</html>